<template>
  <div class="about">
    <h1>This is an about page</h1>
	<i-scroll :scrollList="listData" :contentNum="5"></i-scroll>
  </div>
</template>

<script lang="ts">
	import {
		Component,
		Vue
	} from 'vue-property-decorator'
	import iScroll from '@/components/IScroll.vue'
	
	@Component({
		components: {
			iScroll
		}
	})
	export default class About extends Vue {
		listData: object[] = [
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			},
			{
				name: 'libai',
				age: 12
			}
		]
	}
</script>
